<template>
   <div class="top1">
      <div class="earth">
        <span style="color: #8695a5; font-size: 18px">Earthdata / </span>
        <span style="color: #8695a5; font-size: 18px">Learn / </span>
        <span style="color: #00aeef; font-size: 18px">Get started </span>
      </div>
    </div>
</template>

<script>
export default {
    name:'top'

}
</script>

<style scoped lang="scss">
.top1 {
    height: 80px;
    width: 100%;
    background-color: #3b465b;
     overflow: hidden;
    .earth {
      height: 40px;
      width: 100%;
      margin-top: 27px ;
      margin-left: 36px;
    }
  }
</style>